<template>
  <div class="faith_groups_show">
  <NavbarFaithGroups></NavbarFaithGroups>
    <div class="container">
       <div v-html="title"></div>
        <div v-html="content"></div>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import NavbarFaithGroups from "@/components/NavbarFaithGroups.vue";

export default {
  name: "faith_groups_list",
  components: {
    NavbarFaithGroups,
  },
  data () {
    return {
      domain: process.env.VUE_APP_baseURL,
      title: '',
      content:''
    };
  },
  created () {
    this.getContent();
  },
  watch: {
    '$route' (to, form) {
      this.getContent();
    }
  },
  methods: {
    //获取详情页内容
    getContent () {
      let _this = this;
      _this.axios
        .post("/content/news/show", {
          id: _this.$route.params.id,
        })
        .then(function (ret) {
          _this.title = ret.data.title
          _this.content = ret.data.content_news_data.content
        })
        .catch(function (error) {
          console.log(error);
        });
    },
  },
 
};
</script>

<style>
.fics img{
  max-width: 100%;
}
</style>

